<!DOCTYPE html>
<html lang="en">

<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <title></title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- STYLESHEETS -->
  <!--[if lt IE 9]><script src="../../js/flot/excanvas.min.js"></script><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
  <link rel="stylesheet" type="text/css" href="../../css/cloud-admin.css">
  <link rel="stylesheet" type="text/css" href="../../css/themes/default.css" id="skin-switcher">
  <link rel="stylesheet" type="text/css" href="../../css/responsive.css">
  <link href="../../font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <!-- SELECT2 -->
  <link rel="stylesheet" type="text/css" href="../../js/select2/select2.min.css" />
  <!-- UNIFORM -->
  <link rel="stylesheet" type="text/css" href="../../js/uniform/css/uniform.default.min.css" />
  <!-- datatable -->
  <link rel="stylesheet" href="../../js/datatables/datatable.css">
  <link rel="stylesheet" href="../../js/datepicker/datepicker.css">
  <!-- FONTS 
	<link href='http://fonts.useso.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
-->
  <style>
    .form-group {
      margin-bottom: 10px;
    }
    .dataTables_scrollHeadInner {
      width: auto !important;
    }
    .dataTables_scrollHeadInner table {
      width:  100% !important;
    }
    .dataTables_scrollHeadInner table th {
      text-align: center;
    }
    .dataTables_scrollBody table td {
      text-align: center;
    }
    .dataTables_scrollBody table td .btn + .btn {
      margin-left: 8px;
    }
    .dataTables_scrollBody table tr td:last-child {
      text-align: left;
    } 
  </style>
</head>

<body>
  <header class="navbar clearfix" id="header">
  </header>
  <!-- PAGE -->
  <section id="page">
    <!-- SIDEBAR -->
    <div id="sidebar" class="sidebar">
      <div class="sidebar-menu nav-collapse">

        <!-- SIDEBAR MENU -->
        <ul>

        </ul>
        <!-- /SIDEBAR MENU -->
      </div>

    </div>
    <!-- /SIDEBAR -->
    <div id="main-content">
      <!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
      <div class="modal fade" id="create-preorder" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title">新增预结单</h4>
            </div>
            <div class="modal-body">
              <div class="form-group">
                <label class="control-label col-md-3" style="line-height:34px;"><span class="required">*</span>批发商：</label>
                <div class="col-md-4">
                  <select  id="create-business" class="col-md-12 select2-offscreen" tabindex="-1" name="create-business">
                  </select>
                </div>
              </div>
              <div class="form-group">
                  <label class="control-label col-md-3" style="line-height:34px;"><span class="required">*</span>类型：</label>
                  <div class="col-md-4">
                    <select  id="create-type" class="col-md-12 select2-offscreen" tabindex="-1" name="create-type">
                      <!-- <option value='Order'>订单</option>
                      <option value='ReturnOrder'>退单</option> -->
                      <option value='Postage'>运费</option>
                      <option value='Other'>其它</option>
                    </select>
                  </div>
              </div>
              <div class="form-group">
                <label class="control-label col-md-3" style="line-height:34px;"><span class="required">*</span>金额</label>
                <div class="col-md-4">
                  <input type="text" class="form-control" name="create-money" placeholder="请输入金额">
                </div>
              </div>
              <div class="form-group">
                  <label class="control-label col-md-3" style="line-height:34px;">备注：</label>
                  <div class="col-md-9">
                      <textarea name="create-remark" placeholder="请输入备注" class="form-control" style="resize:none;" ></textarea>
                  </div>
                </div>
            </div>
            
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
              <button type="button" class="btn btn-success create-save">保存</button>
            </div>
          </div>
        </div>
      </div>
      <div class="modal fade" id="promotion_detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title">活动商品</h4>
            </div>
            <div class="modal-body">
              <div class="form-group" style="height:auto">
                <table id="promotion_product" cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered table-hover">
                  <thead>
                    <tr>
                      <th>
                        商品名称
                      </th>
                    </tr>
                  </thead>
                  <tbody>
                  </tbody>
                </table>
              </div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
          </div>
        </div>
      </div>
      <!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
      <div class="container">
        <div class="row">
          <div id="content" class="col-lg-12">
            <!-- PAGE HEADER-->
            <div class="row">
              <div class="col-sm-12">
                <div class="page-header">
                  <!-- STYLER -->
                  <!-- /STYLER -->
                  <!-- BREADCRUMBS -->
                  <ul class="breadcrumb">
                    <li>
                      <i class="fa fa-home"></i>
                      <a href="index.html">首页</a>
                    </li>
                    <li>
                      <a href="#">批发模式</a>
                    </li>
                    <li>预结单管理</li>
                  </ul>
                  <!-- /BREADCRUMBS -->
                </div>
              </div>
            </div>
            <!-- /PAGE HEADER -->
            <!-- FORMS QUERY-->
            <div class="row">
              <div class="col-md-12">
                <div class="row">
                  <div class="col-md-12">
                    <div class="box border primary">
                      <div class="box-title">
                        <h4><i class="fa fa-bars"></i>查询条件</h4>
                      </div>
                      <div class="box-body big" style="padding:10px;">
                        <form class="form-horizontal" role="form" id="form_Promotion">
                          <div class="form-group mrg-bt10">
                            <label class="col-sm-1 control-label" style="width: auto">批发商名称：</label>
                            <div class="col-sm-2" style="width: 180px">
                              <input type="text" class="form-control" name="name" placeholder="请输入批发商名称">
                            </div>
                            <label class="col-sm-1 control-label" style="width: auto">预结算单号：</label>
                            <div class="col-sm-2" style="width: 180px">
                              <input type="text" class="form-control" name="prebillCode" placeholder="请输入预结算单号">
                            </div>
                            <label class="col-sm-1 control-label" for="e1" style="width: auto">结算状态：</label>
                            <div class="col-sm-2" style="width: 180px">
                              <select id="status_select" class="col-md-12 select2-offscreen" tabindex="-1">
                                <option value=''>全部</option>
                                <option value="WaitingCommit">未结算</option>
                                <option value="Commited">已结算</option>
                              </select>
                            </div>
                            <label class="col-sm-1 control-label" style="width: auto">创建时间：</label>
                            <div class="col-sm-4" style="display:inline-flex; width: 290px">
                              <div class="float-left" style="width:130px">
                                <input type="text" name="startDate" class="form-control bootstrap-datepicker">
                              </div>
                              <div style="width: 40px; text-align: center">至</div>
                              <div class="float-left" style="width:130px">
                                <input type="text" name="endDate" class="form-control bootstrap-datepicker">
                              </div>
                            </div>
                            <!-- <label class="col-sm-1 control-label" style="width: auto">预结算单号：</label>
                            <div class="col-sm-2">
                              <input type="text" class="form-control" name="billCode" placeholder="请输入预结算单号">
                            </div> -->
                            <div class="col-sm-1">
                              <a class="btn btn-primary search">查询</a>
                            </div>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- /FORMS QUERY -->
            <div class="row" style="height: 30px;">
              <div class="col-md-12">
                <div class="box ">
                  <a href="javascript:void(0)" class="btn btn-success config" id="create-preorder-btn">
                    <i class="fa  fa-plus-square-o"></i> 新增预结单
                  </a>
                </div>
              </div>
            </div>
            <div class="row">
              <!-- TABLES -->
              <div class="col-md-12">
                <!-- BOX -->
                <div class="box border primary">
                  <div class="box-title">
                    <h4><i class="fa fa-table"></i>预结单：<span id="total"></span>单</h4>

                  </div>
                  <div class="box-body">
                    <table id="db_Promotion_list" cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered table-hover">
                    </table>
                  </div>
                </div>
                <!-- /BOX -->
              </div>
            </div>
            <!-- /TABLES -->
            <div class="footer-tools">
              <span class="go-top">
                <i class="fa fa-chevron-up"></i> Top
              </span>
            </div>
          </div><!-- /CONTENT-->
        </div>
      </div>
    </div>
  </section>
  <!--/PAGE -->
  <!-- JAVASCRIPTS -->
  <!-- Placed at the end of the document so the pages load faster -->
  <!-- JQUERY -->
  <script src="../../js/jquery/jquery-2.0.3.min.js"></script>

  <!-- BOOTSTRAP -->
  <script src="../../bootstrap-dist/js/bootstrap.min.js"></script>
  <!-- BLOCK UI -->
  <script type="text/javascript" src="../../js/jQuery-BlockUI/jquery.blockUI.min.js"></script>

  <!-- AUTOSIZE -->
  <script type="text/javascript" src="../../js/autosize/jquery.autosize.min.js"></script>
  <!-- spinner -->
  <script src="../../js/spinner/spin.js"></script>
  <!-- DATA TABLES -->
  <script type="text/javascript" src="../../js/datatables/bootstrap-select.js"></script>
  <script type="text/javascript" src="../../js/datatables/datatable.js"></script>
  <script type="text/javascript" src="../../js/datatables/datatable-bootstrap.js"></script>
  <script type="text/javascript" src="../../js/datatables/datatable-tabletools.js"></script>
  <script type="text/javascript" src="../../js/datatables/fnAddTr.js"></script>

  <!-- INPUT MASK -->
  <script type="text/javascript" src="../../js/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>

  <!-- SELECT2 -->
  <script type="text/javascript" src="../../js/select2/select2.min.js"></script>
  <!-- UNIFORM -->
  <script type="text/javascript" src="../../js/uniform/jquery.uniform.min.js"></script>
  <script type="text/javascript" src="../../js/datepicker/datepicker.js"></script>
  <!-- COOKIE -->
  <script type="text/javascript" src="../../js/jQuery-Cookie/jquery.cookie.min.js"></script>
  <script type="text/javascript" src="../../js/bootbox/bootbox.min.js"></script>
  <!-- CUSTOM SCRIPT -->
  <script src="../../js/script.js"></script>
  <script src="../../js/common.js"></script>
  <script>
    var Promotion = function () {
      var $mainDataTable = null;
      var searchPromotion = function () {
        var startDate = $("input[name=startDate]").val();
        var endDate = $("input[name=endDate]").val();
        var q = $("input[name=name]").val();
        var url = App.getContextPath() + "admin/wholesaleprebill/searchPrebillRecord.do?wholesalerName=" + q;
        var prebillCode = $("input[name=prebillCode]").val();
        var status = $("#status_select").val();
        if (prebillCode) {
          url += "&prebillCode=" + prebillCode;
        } else {
          if (startDate != "")
            url += "&startDate=" + startDate;
          if (endDate != "")
            url += "&endDate=" + $.dateAdd(endDate);
          if (status) {
            url += "&commitStatus=" + status;
          }
        }
        if ($mainDataTable) {
          $mainDataTable.api().ajax.url(url).load();
          return;
        }
        var dtSetting = $.dataTableSetting({
          "ajaxSource": url,
          "serverSide": true,
          "bFilter": false, // 去掉搜索框
          "bLengthChange": true, // 每页显示数量							
          "sScrollX": "100%",
          "sScrollXInner": "100%",
          "iDisplayLength": 25,
          "bSort": false,
          "aoColumns": [{
            "mDataProp": "wholesalerName",
            "sTitle": "批发商名称",
            "width": "15%"
          }, {
            "mDataProp": "prebillCode",
            "sTitle": "预结算单号",
            "width": "11%"
          }, {
            "sTitle": "预结金额",
            "width": "11%",
            "render": function (data, type, row) {
              return format_thousands(row.prebillPrice);
            }
          }, {
            "sTitle": "类型",
            "width": "11%",
            "mDataProp": "recordTypeDesc",
          }, {
            "sTitle": "时间段",
            "width": "15%",
            "render":function(data, type, row){
								   return $.getLocalDate(row.startDate) + '-' + $.getLocalDate(row.endDate);
								}
          }, {
            "sTitle": "结算状态",
            "width": "11%",
            "mDataProp": "commitStatusDesc",
          }, {
            "sTitle": "备注",
            "width": "11%",
            "mDataProp": "remark",
          }, {
            "sTitle": "操作",
            "width": "15%",
            "render": function (data, type, row) {
              var str = '';
              if (row.recordType == 'Order' || row.recordType == 'ReturnOrder') {
                str += "<a class='btn btn-success btn-xs btn-width btn-mx' recordType=" + row.recordType + " prebillCode=" + row.prebillCode + "><i class='fa fa-file'></i> 明细</a>"
                str += "<a class='btn btn-primary btn-xs btn-width btn-dc' prebillCode=" + row.prebillCode + " href='javascript:void(0)'><i class='fa fa-download'></i> 导出</a>"
              }
              return str;
            }
          }]
        });
        $mainDataTable = $("#db_Promotion_list").dataTable(dtSetting);
      };
      var createEvent = function () {
        var isTrue = true
        var createBusiness = $("#create-business").val();
        var createType = $("#create-type").val();
        var $createMoney = $("input[name=create-money]");
        var createMoney = $createMoney.val();
        var $createRemark = $("textarea[name=create-remark]");
        var createRemark = $createRemark.val().trim();
        if (!createMoney.trim()) {
          $createMoney.closest(".form-group").addClass("has-error");
          isTrue = false
        } else {
          // 为运费时候只能输入正浮点数
          if (!/^\d+(\.\d+)?$/.test(createMoney) && createType == 'Postage'){
            $createMoney.closest(".form-group").addClass("has-error");
            return false
          }
          // 为其他时候只能输入正负浮点数
          if (!/^(-|\d)+(\.\d+)?$/.test(createMoney) && createType != 'Postage'){
            $createMoney.closest(".form-group").addClass("has-error");
            return false
          }
          $(".has-error").removeClass('has-error')
        }
        if (!isTrue) {
          return false
        }
        $(".has-error").removeClass('has-error')
        $.confirm("确定新增预结单?",function(){
          createAjax(createBusiness, createType, createMoney, createRemark)
				});
      }
      var isAjax = false
      var createAjax = function(createBusiness, createType, createMoney, createRemark) {
        if (isAjax) {
          return false
        }
        isAjax = true
        $.ajax({
          type: "POST",
          url: App.getContextPath() + "admin/wholesaleprebill/editPrebillRecord.do",
          data: {
            wholesalerId:createBusiness,
            recordType: createType,
            prebillPrice: createMoney,
            remark: createRemark
          },
          async: true,
          success: function(result) {
            isAjax = false
            if (result.type == 'success') {
              $.alert("新增预结单成功!");
              $("#create-preorder").modal("hide");
              $("input[name=create-money]").val('')
              $("textarea[name=create-remark]").val('')
              setTimeout(function() {
                searchPromotion()
              }, 20)
            } else {
              $.alert(result.content);
            }
          },
          error: function(e){
            isAjax = false
          }
        });
      }
     
      // 获得全部批发商
      var getWholesaler = function() {
        $.ajax({
          type: "get",
          url: App.getContextPath() + "admin/wholesaler/findList.do",
          data: {},
          async: true,
          success: function(result) {
            var data = result.extra
            var str = ''
            for (let index = 0, length = data.length; index < length; index++) {
              const element = data[index];
              str += "<option value=" + element.id + ">" + element.wholesalerName + "</option>"
            }
            $("#create-business").append(str)
            $("select").select2();
          }
        });
      }
      return {
        init: function () {
          $.initDate($("#form_Promotion"), -30, 0);
          $("#create-preorder-btn").click(function(){
            $("#create-preorder").modal("show");
          })
          $(".create-save").click(function() {
            createEvent()
          })
          $("body").on('click', '.btn-dc', function() {
            var prebillCode = $(this).attr('prebillCode')
            location.href = App.getContextPath() + "admin/wholesaleprebill/exportRecordDetail.do?prebillCode=" + prebillCode;
          });
          $("body").on('click', '.btn-mx', function() {
            var prebillCode = $(this).attr('prebillCode')
            var recordType = $(this).attr('recordType')
            if (recordType == 'Order') {
              window.open('./orderInquiry.html?prebillCode=' + prebillCode)
              // window.location.href = 
            } else {
              window.open('./return_list.html?prebillCode=' + prebillCode)
            }
          });
          $(".search").click(searchPromotion);
          searchPromotion();
          getWholesaler();
        }
      }
    }();
    $(function () {
      $("#header").load("../head.html");
      App.init(); //Initialise plugins and elements	        
      Promotion.init();
    });
  </script>
  <!-- /JAVASCRIPTS -->
</body>

</html>